<template>
	<view class="orderDetails p-3 ">
		<view class="flex justify-between p-2 rounded bgcolor1">
			<img class="imgBox border-radius12"
				src="https://ns-strategy.cdn.bcebos.com/ns-strategy/upload/fc_big_pic/part-00164-1636.jpg" alt="" />
			<view class="flex-1 flex flex-column ml-2 justify-between">
				<view class="flex justify-between">
					<p>10kg新鲜水果</p>
					<view class="flex">
						<u-icon name="star-fill" color="#000000" size="28"></u-icon>
						<p class="pl-1 flex flex-column justify-center font-weight-bold">100</p>
					</view>
				</view>
				<view class="flex justify-end font-weight-bold">
					<p>X</p>
					<p class="pl-1">10</p>
				</view>
				<view class="flex justify-between ftcolor2">
					<p>待核销</p>
					<p class="flex-1 text-center">消耗积分</p>
					<p class="font-weight-bold">200</p>
				</view>
			</view>
		</view>

		<view class="flex flex-column p-2 rounded bgcolor1 mt-2">
			<p class="pb-2 font-weight-bold">订单编号：23872736816283</p>
			<p class="pb-2 font-weight-bold">兑换时间：2024-12-08</p>
			<p class="pb-2 font-weight-bold">核销时间：2024-12-08</p>
		</view>

		<view class="flex justify-center font-38 mt-2 py-2 bgcolor1 rounded">
			<p class="flex align-center font-weight-bold">兑换码：</p>
			<p class="bgcolor2 ftcolor7 py-1 px-2 rounded">ABA121</p>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.orderDetails {
		height: 100vh;

		.imgBox {
			width: 200rpx;
			height: 130rpx;
		}
	}
</style>